<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--sweetalert2-->
    <link href="../dist/sweetalert2.min.css" rel="stylesheet">
    <script src="../dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>


<!--关于 fetch 的用法  功能类似 ajax     fetch是原生的不用引入额外的 js -->
<script>


            //资源路径
           const ipAPI = './json/2.txt'


            // json()方法将内容流  转化为 JSON对象    此方法只能使用一次  因为stream 只能读取一次
            // fetch()方法定义在 window对象上 用于发起资源请求  其返回一个 promise对象  并传回  response对象
            fetch(ipAPI).then(function (response){

                console.log(response)

                return response.json();                 //json() 方法是  response对象内置方法  将资源中的json资源解析封装成 JSON对象
            }) .then(function (data){

                console.log(data)
            })                                //简写  response => response.json()




</script>

</body>
</html>